
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="/static/blupilot/css/style.css" />
    <link rel="stylesheet" href="/static/blupilot/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="/static/blupilot/layui/css/modules/layer/default/layer.css" />

    <link href="/static/hadmin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/hadmin/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <title>Application Center BluPilot</title>
    <style>
    html,
    body {
        position: relative;
        height: 100%;
    }

    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
</style>
</head>

<body>
    <header>
        <!--#if(isEmpty(session.user))  -->
        <div class="main">
            <a href="/"><img src="/static/blupilot/img/logo.png" class="logo" /></a>
            <div class="fr fot txtFFF">Welcome bluPilot，
                 Please
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="login()">[Sign In]</a>
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="register()">[Sign Up]</a>
                            </div>
        </div>
        <!-- #else -->
        <div class="main">
            <a href="/"><img src="/static/blupilot/img/logo.png" class="logo" /></a>
            <div class="fr fot txtFFF">Welcome bluPilot，
                                    admin                    <a class="txtFFF" href="/user/app/index.html">Member Center</a>
                    <a class="txtFFF" href="/user/index/logout.html">Logout</a>
                                </div>
        </div>
        <!-- #end -->
    </header>
    <div class="main ys">
        <div class="bb">
            <div class="fl item0 itembox ">
                <a href="/user/app/index/type/1.html">
                    User Management
                </a>
            </div>
            <div class="fl item1 itembox active">
                <a href="/user/app/index/type/2.html">
                     Number of developers.
                </a>
            </div>
            <div class="fl item2 itembox ">
                <a href="/user/app/index/type/3.html">
                    Application
                </a>
            </div>
            <div class="fl item3 itembox ">
                <a href="/user/app/index/type/4.html">Location data statistics</a>
            </div>
            <div class="fl item3 itembox">
                <a href="/shop/order/index.html">Order</a>
            </div>
            <div class="clearboth"></div>
        </div>
        <div class="myitem0 bg">
                                <div class="wrapper wrapper-content animated fadeInRight">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="echarts" id="echarts-line-chart"></div>
                            </div>
                        </div>
                    </div>
                        </div>
    </div>
    <footer>
    <p class="txt9A9">Copyright© 2018 Sogou.com. All Rights Reserved.</p>
    <p class="txt9A9">
         All contents posted on this website are not reproduced without permission. Please refer to the "intellectual property declaration"
        and "user agreement".
    </p>
</footer>
<script src="/static/blupilot/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/static/blupilot/js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="/static/blupilot/layui/lay/modules/layer.js"></script>
<script>
    var swiper = new Swiper('.swiper-container');
</script>
<script>
    $(".itembox").click(function () {
        var index = $(this).index();
        $(".itembox").removeClass("active");
        $(this).addClass("active");
        for (var i = 0; i < 4; i++) {
            if (i == index) {
                $(".myitem" + index).removeClass("hide");
            } else {
                $(".myitem" + i).addClass("hide");
            }
        }
    });
</script>
    </body>

</html>

<!-- Data Tables -->
<link href="/static/hadmin/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

<link href="/static/hadmin/css/animate.css" rel="stylesheet">
<link href="/static/hadmin/css/style.css?v=4.1.0" rel="stylesheet">


<!-- 全局js -->
<script src="/static/hadmin/js/jquery.min.js?v=2.1.4"></script>
<script src="/static/hadmin/js/bootstrap.min.js?v=3.3.6"></script>



<script src="/static/hadmin/js/plugins/jeditable/jquery.jeditable.js"></script>

<!-- Data Tables -->
<script src="/static/hadmin/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="/static/hadmin/js/plugins/dataTables/dataTables.bootstrap.js"></script>


<!-- Page-Level Scripts -->
<script>
    $(document).ready(function () {
        $('.dataTables-example').dataTable();
    });
</script>

<!-- ECharts -->
<script src="/static/hadmin/js/plugins/echarts/echarts-all.js"></script>

<!-- ECharts demo data -->
<script>
    $(function () {
            var lineChart = echarts.init(document.getElementById("echarts-line-chart"));
            var lineoption = {
                title: {
                    text: '统计'
                },
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['开发者']
                },
                grid: {
                    x: 40,
                    x2: 40,
                    y2: 24
                },
                calculable: true,
                xAxis: [
                    {
                        type: 'category',
                        boundaryGap: false,
                        data: [
                                                        '2018/08/15',
                                                        '2018/08/16',
                                                        '2018/08/17',
                                                        '2018/08/18',
                                                        '2018/08/19',
                                                        '2018/08/20',
                                                        '2018/08/21',
                                                        '2018/08/22',
                                                        '2018/08/23',
                                                        '2018/08/24',
                                                        '2018/08/25',
                                                        '2018/08/26',
                                                        '2018/08/27',
                                                        '2018/08/28',
                                                        '2018/08/29',
                                                        '2018/08/30',
                                                        '2018/08/31',
                                                        '2018/09/01',
                                                        '2018/09/02',
                                                        '2018/09/03',
                                                        '2018/09/04',
                                                        '2018/09/05',
                                                        '2018/09/06',
                                                        '2018/09/07',
                                                        '2018/09/08',
                                                        '2018/09/09',
                                                        '2018/09/10',
                                                        '2018/09/11',
                                                        '2018/09/12',
                                                        '2018/09/13',
                                                        '2018/09/14',
                                                    ]
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        axisLabel: {
                            formatter: '{value}'
                        }
                    }
                ],
                series: [
                    {
                        name: '数量',
                        type: 'line',
                        data: [
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                        0,
                                                    ],
                        markPoint: {
                            data: [
                                { type: 'max', name: '最大值' },
                                { type: 'min', name: '最小值' }
                            ]
                        },
                        markLine: {
                            data: [
                                { type: 'average', name: '平均值' }
                            ]
                        }
                    }
                ]
            };
            lineChart.setOption(lineoption);
            $(window).resize(lineChart.resize);
        });
</script>

